<!--
 * @Author: 刘梦昊 1551316289@qq.com
 * @Date: 2024-07-22 14:21:16
 * @LastEditors: your name
 * @LastEditTime: 2024-11-26 14:27:13
 * @FilePath: \建达文件\建达科技项目\医保DRG老系统\mrismodulecash\lib\views\report\drgRunReport\index.vue
 * @Description: drg运营分析报告
-->
<template>
  <div class="home" :contenteditable="editSwitch">
    <div class="home-form-box">
      <el-form ref="formRefs" :model="form" label-width="80px">
        <div class="home-form">
          <el-select v-model="form.typeValue" placeholder="请选择" @change="changeClick">
            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
          </el-select>
          <el-form-item label="医院">
            <el-select v-model="form.hospitalValue" placeholder="请选择" @change="hospitalClick">
              <el-option v-for="item in hospitalList" :key="item" :label="item" :value="item"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item v-if="form.typeValue === '非全院'" label="科室">
            <el-select v-model="form.departmentValue" placeholder="请选择" @change="noTheEntireHospitalAxios">
              <el-option v-for="item in departmentList" :key="item" :label="item" :value="item"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="病组编码">
            <el-input v-model="form.drg_code" placeholder="请输入病组编码"></el-input>
          </el-form-item>
          <div style="margin: 0 0 0 20px; display: flex">
            <el-button @click="lookClick">查询</el-button>
            <el-button type="warning" @click="exportPDF">导出</el-button>
            <el-switch v-model="editSwitch" size="large" active-text="编辑" inactive-text="预览" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949" @change="editSwitchChange" />
          </div>
        </div>
      </el-form>
    </div>
    <div class="loading-class" v-if="fullscreenLoading">
      导出中{{ processedPages + '/' + totalPages }}
      <div class="loader"></div>
    </div>
    <div class="loading-class" v-if="loadingShow">
      加载中
      <div class="loader"></div>
    </div>
    <div v-if="medicalInsuranceData" :key="randomKey" class="home" ref="pdfContent" id="pdf-content">
      <!-- 第1页 -->
      <div class="home-page home-page-1">
        <div class="home-title-1">
          <div class="home-title-1-1">
            <div class="home-title-1-1-content" v-if="medicalInsuranceData['首页']">
              医保DRG运营分析报告 -
              {{ medicalInsuranceData['首页'].title }}
              <span v-if="medicalInsuranceData['首页'].medGroupDep">({{ medicalInsuranceData['首页'].medGroupDep }})</span>
            </div>
          </div>
        </div>
        <div class="home-title-2">
          <div class="home-title-2-1">医保DRG智能管控</div>
        </div>
        <div class="home-title-3" v-if="medicalInsuranceData['首页']">
          浙江建达科技股份有限公司 ©copyright
          {{ medicalInsuranceData['首页'].title.split('年')[0] }}
          All rights reserved
        </div>
        <div class="home-title-4" v-if="medicalInsuranceData['首页']">
          {{ medicalInsuranceData['首页'].hosName }}
        </div>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第2页 -->
      <div class="home-page home-page-2">
        <div class="home-page-2-left">
          <div class="home-page-2-left-1">目录</div>
          <div class="home-page-2-left-2">CONTENT</div>
        </div>
        <div class="home-page-2-right">
          <div class="home-page-2-right-1">一、DRG运营状况</div>
          <div class="home-page-2-right-2">二、超支结余分析</div>
          <div class="home-page-2-right-3">三、科室医疗组分析</div>
          <div class="home-page-2-right-4">四、病组结余分析</div>
          <div class="home-page-2-right-5">五、高低倍及异常分析</div>
          <div class="home-page-2-right-6">六、学科发展分析</div>
        </div>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第3页 -->
      <div class="home-page home-page-3">
        <titleBox titleIndex="01" titleName="DRG运营状况" />
      </div>
      .
      <div style="page-break-after: always"></div>
      <!-- 第4页 -->
      <div class="home-page">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile4Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile4Key] && medicalInsuranceData[titleKey.pageTile4Key].title"
          @editDialogClick="editDialogClick('pageTile4')"
        >
          <pageTile4 ref="pageTile4Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第5页 -->
      <div class="home-page">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile5Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile5Key] && medicalInsuranceData[titleKey.pageTile5Key].title"
          @editDialogClick="editDialogClick('pageTile5')"
        >
          <pageTile5 ref="pageTile5Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第12页-2 -->
      <div class="home-page" v-show="titleKey.pageTile12_2Key && medicalInsuranceData[titleKey.pageTile12_2Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile12_2Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile12_2Key] && medicalInsuranceData[titleKey.pageTile12_2Key].title"
          @editDialogClick="editDialogClick('pageTile12_2')"
        >
          <pageTile12_2 ref="pageTile12_2Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第12页-3 -->
      <div class="home-page" v-show="titleKey.pageTile12_3Key && medicalInsuranceData[titleKey.pageTile12_3Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile12_3Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile12_3Key] && medicalInsuranceData[titleKey.pageTile12_3Key].title"
          @editDialogClick="editDialogClick('pageTile12_3')"
        >
          <pageTile12_3 ref="pageTile12_3Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第12页-4 -->
      <div class="home-page" v-show="titleKey.pageTile12_4Key && medicalInsuranceData[titleKey.pageTile12_4Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile12_4Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile12_4Key] && medicalInsuranceData[titleKey.pageTile12_4Key].title"
          @editDialogClick="editDialogClick('pageTile12_4')"
        >
          <pageTile12_4 ref="pageTile12_4Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>

      <!-- 第8页 -->
      <div class="home-page">
        <titleBox titleIndex="02" titleName="超支结余分析" />
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第9页 -->
      <div class="home-page">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile9Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile9Key] && medicalInsuranceData[titleKey.pageTile9Key].title"
          @editDialogClick="editDialogClick('pageTile9')"
        >
          <pageTile9 ref="pageTile9Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第10页 -->
      <div class="home-page">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile10Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile10Key] && medicalInsuranceData[titleKey.pageTile10Key].title"
          @editDialogClick="editDialogClick('pageTile10')"
        >
          <pageTile10 ref="pageTile10Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第11页 -->
      <div class="home-page">
        <titleBox titleIndex="03" titleName="科室医疗组分析" />
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第12页 -->
      <div class="home-page">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile12Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile12Key] && medicalInsuranceData[titleKey.pageTile12Key].title"
          @editDialogClick="editDialogClick('pageTile12')"
        >
          <pageTile12 ref="pageTile12Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第12页-1 -->
      <div class="home-page" v-show="titleKey.pageTile12_1Key && medicalInsuranceData[titleKey.pageTile12_1Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile12_1Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile12_1Key] && medicalInsuranceData[titleKey.pageTile12_1Key].title"
          @editDialogClick="editDialogClick('pageTile12_1')"
        >
          <pageTile12_1 ref="pageTile12_1Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第13页 -->
      <div class="home-page">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile13Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile13Key] && medicalInsuranceData[titleKey.pageTile13Key].title"
          @editDialogClick="editDialogClick('pageTile13')"
        >
          <pageTile13 ref="pageTile13Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第14页 -->
      <div v-show="titleKey.pageTile14Key && medicalInsuranceData[titleKey.pageTile14Key]" class="home-page">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile14Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile14Key] && medicalInsuranceData[titleKey.pageTile14Key].title"
          @editDialogClick="editDialogClick('pageTile14')"
        >
          <pageTile14 ref="pageTile14Refs" />
        </pageTile>
      </div>

      <div style="page-break-after: always"></div>
      <!-- 第15页-2 -->
      <div class="home-page" v-show="titleKey.pageTile15_2Key">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_2Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_2Key] && medicalInsuranceData[titleKey.pageTile15_2Key].title"
          @editDialogClick="editDialogClick('pageTile15_2')"
        >
          <pageTile15_2 ref="pageTile15_2Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页 -->
      <div class="home-page" v-show="titleKey.pageTile15Key && medicalInsuranceData[titleKey.pageTile15Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15Key] && medicalInsuranceData[titleKey.pageTile15Key].title"
          @editDialogClick="editDialogClick('pageTile15')"
        >
          <pageTile15 ref="pageTile15Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-3 -->
      <div class="home-page" v-show="titleKey.pageTile15_3Key && medicalInsuranceData[titleKey.pageTile15_3Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_3Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_3Key] && medicalInsuranceData[titleKey.pageTile15_3Key].title"
          @editDialogClick="editDialogClick('pageTile15_3')"
        >
          <pageTile15_3 ref="pageTile15_3Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-4 -->
      <div class="home-page" v-show="titleKey.pageTile15_4Key && medicalInsuranceData[titleKey.pageTile15_4Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_4Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_4Key] && medicalInsuranceData[titleKey.pageTile15_4Key].title"
          @editDialogClick="editDialogClick('pageTile15_4')"
        >
          <pageTile15_4 ref="pageTile15_4Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-8 -->
      <div class="home-page" v-show="titleKey.pageTile15_8Key && medicalInsuranceData[titleKey.pageTile15_8Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_8Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_8Key] && medicalInsuranceData[titleKey.pageTile15_8Key].title"
          @editDialogClick="editDialogClick('pageTile15_8')"
        >
          <pageTile15_8 ref="pageTile15_8Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-7 -->
      <div class="home-page" v-show="titleKey.pageTile15_7Key && medicalInsuranceData[titleKey.pageTile15_7Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_7Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_7Key] && medicalInsuranceData[titleKey.pageTile15_7Key].title"
          @editDialogClick="editDialogClick('pageTile15_7')"
        >
          <pageTile15_7 ref="pageTile15_7Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-5 -->
      <div class="home-page" v-show="titleKey.pageTile15_5Key && medicalInsuranceData[titleKey.pageTile15_5Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_5Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_5Key] && medicalInsuranceData[titleKey.pageTile15_5Key].title"
          @editDialogClick="editDialogClick('pageTile15_5')"
        >
          <pageTile15_5 ref="pageTile15_5Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-6 -->
      <div class="home-page" v-show="titleKey.pageTile15_6Key && medicalInsuranceData[titleKey.pageTile15_6Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_6Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_6Key] && medicalInsuranceData[titleKey.pageTile15_6Key].title"
          @editDialogClick="editDialogClick('pageTile15_6')"
        >
          <pageTile15_6 ref="pageTile15_6Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-12 -->
      <div class="home-page" v-show="titleKey.pageTile15_12Key && medicalInsuranceData[titleKey.pageTile15_12Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_12Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_12Key] && medicalInsuranceData[titleKey.pageTile15_12Key].title"
          @editDialogClick="editDialogClick('pageTile15_12')"
        >
          <pageTile15_12 ref="pageTile15_12Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-11 -->
      <div class="home-page" v-show="titleKey.pageTile15_11Key && medicalInsuranceData[titleKey.pageTile15_11Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_11Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_11Key] && medicalInsuranceData[titleKey.pageTile15_11Key].title"
          @editDialogClick="editDialogClick('pageTile15_11')"
        >
          <pageTile15_11 ref="pageTile15_11Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-20 -->
      <div class="home-page" v-show="titleKey.pageTile15_20Key && medicalInsuranceData[titleKey.pageTile15_20Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_20Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_20Key] && medicalInsuranceData[titleKey.pageTile15_20Key].title"
          @editDialogClick="editDialogClick('pageTile15_20')"
        >
          <pageTile15_20 ref="pageTile15_20Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-13 -->
      <div class="home-page" v-show="titleKey.pageTile15_13Key && medicalInsuranceData[titleKey.pageTile15_13Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_13Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_13Key] && medicalInsuranceData[titleKey.pageTile15_13Key].title"
          @editDialogClick="editDialogClick('pageTile15_13')"
        >
          <pageTile15_13 ref="pageTile15_13Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-14 -->
      <div class="home-page" v-show="titleKey.pageTile15_14Key && medicalInsuranceData[titleKey.pageTile15_14Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_14Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_14Key] && medicalInsuranceData[titleKey.pageTile15_14Key].title"
          @editDialogClick="editDialogClick('pageTile15_14')"
        >
          <pageTile15_14 ref="pageTile15_14Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-18 -->
      <div class="home-page" v-show="titleKey.pageTile15_18Key && medicalInsuranceData[titleKey.pageTile15_18Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_18Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_18Key] && medicalInsuranceData[titleKey.pageTile15_18Key].title"
          @editDialogClick="editDialogClick('pageTile15_18')"
        >
          <pageTile15_18 ref="pageTile15_18Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-21 -->
      <div class="home-page" v-show="titleKey.pageTile15_21Key && medicalInsuranceData[titleKey.pageTile15_21Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_21Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_21Key] && medicalInsuranceData[titleKey.pageTile15_21Key].title"
          @editDialogClick="editDialogClick('pageTile15_21')"
        >
          <pageTile15_21 ref="pageTile15_21Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-15 -->
      <div class="home-page" v-show="titleKey.pageTile15_15Key && medicalInsuranceData[titleKey.pageTile15_15Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_15Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_15Key] && medicalInsuranceData[titleKey.pageTile15_15Key].title"
          @editDialogClick="editDialogClick('pageTile15_15')"
        >
          <pageTile15_15 ref="pageTile15_15Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-16 -->
      <div class="home-page" v-show="titleKey.pageTile15_16Key && medicalInsuranceData[titleKey.pageTile15_16Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_16Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_16Key] && medicalInsuranceData[titleKey.pageTile15_16Key].title"
          @editDialogClick="editDialogClick('pageTile15_16')"
        >
          <pageTile15_16 ref="pageTile15_16Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-19 -->
      <div class="home-page" v-show="titleKey.pageTile15_19Key && medicalInsuranceData[titleKey.pageTile15_19Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_19Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_19Key] && medicalInsuranceData[titleKey.pageTile15_19Key].title"
          @editDialogClick="editDialogClick('pageTile15_19')"
        >
          <pageTile15_19 ref="pageTile15_19Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-22 -->
      <div class="home-page" v-show="titleKey.pageTile15_22Key && medicalInsuranceData[titleKey.pageTile15_22Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_22Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_22Key] && medicalInsuranceData[titleKey.pageTile15_22Key].title"
          @editDialogClick="editDialogClick('pageTile15_22')"
        >
          <pageTile15_22 ref="pageTile15_22Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-17 -->
      <div class="home-page" v-show="titleKey.pageTile15_17Key && medicalInsuranceData[titleKey.pageTile15_17Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_17Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_17Key] && medicalInsuranceData[titleKey.pageTile15_17Key].title"
          @editDialogClick="editDialogClick('pageTile15_17')"
        >
          <pageTile15_17 ref="pageTile15_17Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第16页 -->
      <div class="home-page" v-show="titleKey.pageTile16Key && medicalInsuranceData[titleKey.pageTile16Key] && medicalInsuranceData[titleKey.pageTile16Key].data_list[0]['医疗组'] !== '无医疗组'">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile16Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile16Key] && medicalInsuranceData[titleKey.pageTile16Key].title"
          @editDialogClick="editDialogClick('pageTile16')"
        >
          <pageTile16 ref="pageTile16Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第17页 -->
      <div class="home-page home-page-4">
        <titleBox titleIndex="04" titleName="病组结余分析" />
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第18页 -->
      <div class="home-page">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile18Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile18Key] && medicalInsuranceData[titleKey.pageTile18Key].title"
          @editDialogClick="editDialogClick('pageTile18')"
        >
          <pageTile18 ref="pageTile18Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第18页-1 -->
      <div class="home-page" v-show="titleKey.pageTile18_1Key && medicalInsuranceData[titleKey.pageTile18_1Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile18_1Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile18_1Key] && medicalInsuranceData[titleKey.pageTile18_1Key].title"
          @editDialogClick="editDialogClick('pageTile18_1')"
        >
          <pageTile18_1 ref="pageTile18_1Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-1 -->
      <div class="home-page">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_1Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_1Key] && medicalInsuranceData[titleKey.pageTile15_1Key].title"
          @editDialogClick="editDialogClick('pageTile15_1')"
        >
          <pageTile15_1 ref="pageTile15_1Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第19页-2 -->
      <div class="home-page" v-show="titleKey.pageTile19_2Key && medicalInsuranceData[titleKey.pageTile19_2Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile19_2Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile19_2Key] && medicalInsuranceData[titleKey.pageTile19_2Key].title"
          @editDialogClick="editDialogClick('pageTile19_2')"
        >
          <pageTile19_2 ref="pageTile19_2Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-9 -->
      <div class="home-page" v-show="titleKey.pageTile15_9Key && medicalInsuranceData[titleKey.pageTile15_9Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_9Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_9Key] && medicalInsuranceData[titleKey.pageTile15_9Key].title"
          @editDialogClick="editDialogClick('pageTile15_9')"
        >
          <pageTile15_9 ref="pageTile15_9Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第19页-3 -->
      <div class="home-page" v-show="titleKey.pageTile19_3Key && medicalInsuranceData[titleKey.pageTile19_3Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile19_3Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile19_3Key] && medicalInsuranceData[titleKey.pageTile19_3Key].title"
          @editDialogClick="editDialogClick('pageTile19_3')"
        >
          <pageTile19_3 ref="pageTile19_3Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第15页-10 -->
      <div class="home-page" v-show="titleKey.pageTile15_10Key && medicalInsuranceData[titleKey.pageTile15_10Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile15_10Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile15_10Key] && medicalInsuranceData[titleKey.pageTile15_10Key].title"
          @editDialogClick="editDialogClick('pageTile15_10')"
        >
          <pageTile15_10 ref="pageTile15_10Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第19页-4 -->
      <div class="home-page" v-show="titleKey.pageTile19_4Key && medicalInsuranceData[titleKey.pageTile19_4Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile19_4Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile19_4Key] && medicalInsuranceData[titleKey.pageTile19_4Key].title"
          @editDialogClick="editDialogClick('pageTile19_4')"
        >
          <pageTile19_4 ref="pageTile19_4Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第19页-8 -->
      <div class="home-page" v-show="titleKey.pageTile19_8Key && medicalInsuranceData[titleKey.pageTile19_8Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile19_8Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile19_8Key] && medicalInsuranceData[titleKey.pageTile19_8Key].title"
          @editDialogClick="editDialogClick('pageTile19_8')"
        >
          <pageTile19_8 ref="pageTile19_8Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第19页-9 -->
      <div class="home-page" v-show="titleKey.pageTile19_9Key && medicalInsuranceData[titleKey.pageTile19_9Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile19_9Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile19_9Key] && medicalInsuranceData[titleKey.pageTile19_9Key].title"
          @editDialogClick="editDialogClick('pageTile19_9')"
        >
          <pageTile19_9 ref="pageTile19_9Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第19页-10 -->
      <div class="home-page" v-show="titleKey.pageTile19_10Key && medicalInsuranceData[titleKey.pageTile19_10Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile19_10Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile19_10Key] && medicalInsuranceData[titleKey.pageTile19_10Key].title"
          @editDialogClick="editDialogClick('pageTile19_10')"
        >
          <pageTile19_10 ref="pageTile19_10Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第19页-11 -->
      <div class="home-page" v-show="titleKey.pageTile19_11Key && medicalInsuranceData[titleKey.pageTile19_11Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile19_11Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile19_11Key] && medicalInsuranceData[titleKey.pageTile19_11Key].title"
          @editDialogClick="editDialogClick('pageTile19_11')"
        >
          <pageTile19_11 ref="pageTile19_11Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第19页-12 -->
      <div class="home-page" v-show="titleKey.pageTile19_12Key && medicalInsuranceData[titleKey.pageTile19_12Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile19_12Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile19_12Key] && medicalInsuranceData[titleKey.pageTile19_12Key].title"
          @editDialogClick="editDialogClick('pageTile19_12')"
        >
          <pageTile19_12 ref="pageTile19_12Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第19页-13 -->
      <div class="home-page" v-show="titleKey.pageTile19_13Key && medicalInsuranceData[titleKey.pageTile19_13Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile19_13Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile19_13Key] && medicalInsuranceData[titleKey.pageTile19_13Key].title"
          @editDialogClick="editDialogClick('pageTile19_13')"
        >
          <pageTile19_13 ref="pageTile19_13Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第19页-14 -->
      <div class="home-page" v-show="titleKey.pageTile19_14Key && medicalInsuranceData[titleKey.pageTile19_14Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile19_14Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile19_14Key] && medicalInsuranceData[titleKey.pageTile19_14Key].title"
          @editDialogClick="editDialogClick('pageTile19_14')"
        >
          <pageTile19_14 ref="pageTile19_14Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第19页-5 -->
      <div class="home-page" v-show="titleKey.pageTile19_5Key && medicalInsuranceData[titleKey.pageTile19_5Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile19_5Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile19_5Key] && medicalInsuranceData[titleKey.pageTile19_5Key].title"
          @editDialogClick="editDialogClick('pageTile19_5')"
        >
          <pageTile19_5 ref="pageTile19_5Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第19页-6 -->
      <div class="home-page" v-show="titleKey.pageTile19_6Key && medicalInsuranceData[titleKey.pageTile19_6Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile19_6Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile19_6Key] && medicalInsuranceData[titleKey.pageTile19_6Key].title"
          @editDialogClick="editDialogClick('pageTile19_6')"
        >
          <pageTile19_6 ref="pageTile19_6Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第19页-7 -->
      <div class="home-page" v-show="titleKey.pageTile19_7Key && medicalInsuranceData[titleKey.pageTile19_7Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile19_7Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile19_7Key] && medicalInsuranceData[titleKey.pageTile19_7Key].title"
          @editDialogClick="editDialogClick('pageTile19_7')"
        >
          <pageTile19_7 ref="pageTile19_7Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第19页-1 -->
      <div class="home-page" v-show="titleKey.pageTile19_1Key && medicalInsuranceData[titleKey.pageTile19_1Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile19_1Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile19_1Key] && medicalInsuranceData[titleKey.pageTile19_1Key].title"
          @editDialogClick="editDialogClick('pageTile19_1')"
        >
          <pageTile19_1 ref="pageTile19_1Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第19页 -->
      <div class="home-page">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile19Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile19Key] && medicalInsuranceData[titleKey.pageTile19Key].title"
          @editDialogClick="editDialogClick('pageTile19')"
        >
          <pageTile19 ref="pageTile19Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第20页 -->
      <div class="home-page">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile20Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile20Key] && medicalInsuranceData[titleKey.pageTile20Key].title"
          @editDialogClick="editDialogClick('pageTile20')"
        >
          <pageTile20 ref="pageTile20Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第20-1页 -->
      <div v-show="diagnosisReportList.length" class="home-page">
        <pageTile :editSwitch="editSwitch" :pageTile="titleKey.pageTile20_1Key" @editDialogClick="editDialogClick('pageTile20_1')">
          <pageTile20_1 ref="pageTile20_1Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第21页 -->
      <div class="home-page">
        <titleBox titleIndex="05" titleName="高低倍及异常分析" />
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第22页 -->
      <div class="home-page">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile22Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile22Key] && medicalInsuranceData[titleKey.pageTile22Key].title"
          @editDialogClick="editDialogClick('pageTile22')"
        >
          <pageTile22 ref="pageTile22Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第23页 -->
      <div class="home-page">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile23Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile23Key] && medicalInsuranceData[titleKey.pageTile23Key].title"
          @editDialogClick="editDialogClick('pageTile23')"
        >
          <pageTile23 ref="pageTile23Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第24页 -->
      <div v-show="titleKey.pageTile24Key && medicalInsuranceData[titleKey.pageTile24Key]" class="home-page">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile24Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile24Key] && medicalInsuranceData[titleKey.pageTile24Key].title"
          @editDialogClick="editDialogClick('pageTile24')"
        >
          <pageTile24 ref="pageTile24Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第26页 -->
      <div class="home-page">
        <titleBox titleIndex="06" titleName="学科发展分析" />
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第6页 -->
      <div class="home-page">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile6Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile6Key] && medicalInsuranceData[titleKey.pageTile6Key].title"
          @editDialogClick="editDialogClick('pageTile6')"
        >
          <pageTile6 ref="pageTile6Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第7页 -->
      <div class="home-page">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile7Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile7Key] && medicalInsuranceData[titleKey.pageTile7Key].title"
          @editDialogClick="editDialogClick('pageTile7')"
        >
          <pageTile7 ref="pageTile7Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第12页-5 -->
      <div class="home-page" v-show="titleKey.pageTile12_5Key && medicalInsuranceData[titleKey.pageTile12_5Key]">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile12_5Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile12_5Key] && medicalInsuranceData[titleKey.pageTile12_5Key].title"
          @editDialogClick="editDialogClick('pageTile12_5')"
        >
          <pageTile12_5 ref="pageTile12_5Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>
      <!-- 第25页 -->
      <div class="home-page">
        <pageTile
          :editSwitch="editSwitch"
          :pageTile="titleKey.pageTile25Key"
          :pageTileDate="medicalInsuranceData[titleKey.pageTile25Key] && medicalInsuranceData[titleKey.pageTile25Key].title"
          @editDialogClick="editDialogClick('pageTile25')"
        >
          <pageTile25 ref="pageTile25Refs" />
        </pageTile>
      </div>
      <div style="page-break-after: always"></div>

      <!-- 结尾 -->
      <div class="home-page">
        <div class="home-end"></div>
      </div>
    </div>
    <!-- <Empty class="no-data" v-else description="暂无记录"></Empty> -->

    <!-- 编辑弹窗 -->
    <div class="edit-dialog" v-if="showEditDialog">
      <div class="edit-dialog__content">
        <div class="edit-dialog__header">
          <div class="edit-dialog__title">{{ editForm.title }} {{ editForm.date }}</div>
          <div class="edit-dialog__close" @click="closeDialog">×</div>
        </div>
        <div class="edit-dialog__body">
          <Vue3JsonEditor
            v-model="medicalInsuranceData[activePageTileKey]"
            :show-btns="true"
            :expandedOnStart="false"
            lang="zh"
            style="width: 100%; height: 100%"
            :mode="'text'"
            :modes="['text', 'view', 'code']"
            @change="onJsonChange"
          />
        </div>
        <div class="edit-dialog__footer">
          <button class="edit-dialog__btn edit-dialog__btn--cancel" @click="closeDialog">取消</button>
          <button class="edit-dialog__btn edit-dialog__btn--confirm" @click="confirmEdit">确定</button>
        </div>
      </div>
    </div>
    <div class="edit-dialog__mask" v-if="showEditDialog" @click="closeDialog"></div>
  </div>
</template>

<script>
// import { $message } from '@/assets/scripts/tools/tips.js'
import Vue3JsonEditor from 'json-editor-vue3';
import html2canvas from 'html2canvas';
window.apiUrl = {};
window.apiUrl.python = 'http://baapi.ulinkdata.com/';
import titleBox from './components/titleBox/titleBox';
import pageTile from './components/pageTile/pageTile';
import pageTile4 from './pageTile4/pageTile4';
import pageTile5 from './pageTile5/pageTile5';
import pageTile6 from './pageTile6/pageTile6';
import pageTile7 from './pageTile7/pageTile7';
import pageTile9 from './pageTile9/pageTile9';
import pageTile10 from './pageTile10/pageTile10';
import pageTile12 from './pageTile12/pageTile12';
import pageTile12_1 from './pageTile12_1/pageTile12_1';
import pageTile12_2 from './pageTile12_2/pageTile12_2';
import pageTile12_3 from './pageTile12_3/pageTile12_3';
import pageTile12_4 from './pageTile12_4/pageTile12_4';
import pageTile12_5 from './pageTile12_5/pageTile12_5';
import pageTile13 from './pageTile13/pageTile13';
import pageTile14 from './pageTile14/pageTile14';
import pageTile15 from './pageTile15/pageTile15';
import pageTile15_7 from './pageTile15_7/pageTile15_7';
import pageTile15_11 from './pageTile15_11/pageTile15_11';
import pageTile15_18 from './pageTile15_18/pageTile15_18';
import pageTile15_19 from './pageTile15_19/pageTile15_19';
import pageTile15_1 from './pageTile15_1/pageTile15_1';
import pageTile15_9 from './pageTile15_9/pageTile15_9';
import pageTile15_10 from './pageTile15_10/pageTile15_10';
import pageTile15_2 from './pageTile15_2/pageTile15_2';
import pageTile15_8 from './pageTile15_8/pageTile15_8';
import pageTile15_12 from './pageTile15_12/pageTile15_12';
import pageTile15_14 from './pageTile15_14/pageTile15_14';
import pageTile15_3 from './pageTile15_3/pageTile15_3';
import pageTile15_4 from './pageTile15_4/pageTile15_4';
import pageTile15_5 from './pageTile15_5/pageTile15_5';
import pageTile15_6 from './pageTile15_6/pageTile15_6';
import pageTile15_13 from './pageTile15_13/pageTile15_13';
import pageTile15_15 from './pageTile15_15/pageTile15_15';
import pageTile15_16 from './pageTile15_16/pageTile15_16';
import pageTile15_17 from './pageTile15_17/pageTile15_17';
import pageTile15_20 from './pageTile15_20/pageTile15_20';
import pageTile15_21 from './pageTile15_21/pageTile15_21';
import pageTile15_22 from './pageTile15_22/pageTile15_22';
import pageTile16 from './pageTile16/pageTile16';
import pageTile18 from './pageTile18/pageTile18';
import pageTile18_1 from './pageTile18_1/pageTile18_1';
import pageTile19 from './pageTile19/pageTile19';
import pageTile19_2 from './pageTile19_2/pageTile19_2';
import pageTile19_3 from './pageTile19_3/pageTile19_3';
import pageTile19_4 from './pageTile19_4/pageTile19_4';
import pageTile19_8 from './pageTile19_8/pageTile19_8';
import pageTile19_9 from './pageTile19_9/pageTile19_9';
import pageTile19_10 from './pageTile19_10/pageTile19_10';
import pageTile19_11 from './pageTile19_11/pageTile19_11';
import pageTile19_12 from './pageTile19_12/pageTile19_12';
import pageTile19_13 from './pageTile19_13/pageTile19_13';
import pageTile19_14 from './pageTile19_14/pageTile19_14';
import pageTile19_5 from './pageTile19_5/pageTile19_5';
import pageTile19_6 from './pageTile19_6/pageTile19_6';
import pageTile19_7 from './pageTile19_7/pageTile19_7';
import pageTile19_1 from './pageTile19_1/pageTile19_1';
import pageTile20 from './pageTile20/pageTile20';
import pageTile20_1 from './pageTile20_1/pageTile20_1';
import pageTile22 from './pageTile22/pageTile22';
import pageTile23 from './pageTile23/pageTile23';
import pageTile24 from './pageTile24/pageTile24';
import pageTile25 from './pageTile25/pageTile25';
import axios from 'axios';
import domtoimage from 'dom-to-image';
import jsPDF from 'jspdf';
// import { Empty } from 'element-ui';
export default {
  // 组件名称
  name: 'home',
  // 组件参数 接收来自父组件的数据
  props: {},
  // 局部注册的组件
  components: {
    // Empty,
    titleBox,
    pageTile,
    pageTile4,
    pageTile5,
    pageTile6,
    pageTile7,
    pageTile9,
    pageTile10,
    pageTile12,
    pageTile12_1,
    pageTile12_2,
    pageTile12_3,
    pageTile12_4,
    pageTile12_5,
    pageTile13,
    pageTile14,
    pageTile15,
    pageTile15_7,
    pageTile15_11,
    pageTile15_18,
    pageTile15_19,
    pageTile15_20,
    pageTile15_21,
    pageTile15_22,
    pageTile15_1,
    pageTile15_9,
    pageTile15_10,
    pageTile15_2,
    pageTile15_8,
    pageTile15_12,
    pageTile15_14,
    pageTile15_3,
    pageTile15_4,
    pageTile15_5,
    pageTile15_6,
    pageTile15_13,
    pageTile15_15,
    pageTile15_16,
    pageTile15_17,
    pageTile16,
    pageTile18,
    pageTile18_1,
    pageTile19,
    pageTile19_2,
    pageTile19_3,
    pageTile19_4,
    pageTile19_8,
    pageTile19_9,
    pageTile19_10,
    pageTile19_11,
    pageTile19_12,
    pageTile19_13,
    pageTile19_14,
    pageTile19_5,
    pageTile19_6,
    pageTile19_7,
    pageTile19_1,
    pageTile20,
    pageTile20_1,
    pageTile22,
    pageTile23,
    pageTile24,
    pageTile25,
    Vue3JsonEditor,
  },
  // 组件状态值
  data() {
    return {
      // 编辑表单数据
      editForm: {
        title: '',
        date: '',
      },
      //医保数据
      medicalInsuranceData: {},
      fullscreenLoading: false,
      randomKey: null,
      loadingShow: false,
      //编辑
      editSwitch: false,
      // 导出相关
      processedPages: 0,
      // 总页数
      totalPages: 0,
      //激活的页面值
      activePageTileKey: '',
      //激活的页面组件ref
      activePageRefs: '',
      form: {
        typeValue: '全院',
        hospitalValue: '',
        departmentValue: '',
        drg_code: '',
      },
      //每页标题key
      titleKey: {
        pageTile4Key: '医院整体运营指标',
        pageTile5Key: '运营趋势',
        pageTile6Key: '学科建设',
        pageTile7Key: '医院优势',
        pageTile9Key: '超支结余趋势',
        pageTile10Key: 'MDC大类超支分析',
        pageTile12Key: '科室超支结余情况',
        pageTile12_1Key: '基础病组科室分布',
        pageTile12_2Key: '医保超支结余月度趋势分析',
        pageTile12_3Key: '各病例类型的超支结余变化趋势',
        pageTile12_4Key: '病例类型分布',
        pageTile12_5Key: 'RW区间分布',
        pageTile13Key: '科室超支TOP10',
        pageTile14Key: '科室结余TOP10',
        pageTile15Key: '超支排名第1科室-病组分布',
        pageTile15_7Key: '超支排名第2科室-病组分布',
        pageTile15_11Key: '超支排名第3科室-病组分布',
        pageTile15_18Key: '超支排名第4科室-病组分布',
        pageTile15_19Key: '超支排名第5科室-病组分布',
        pageTile15_1Key: '超支排名第1病组-费用构成',
        pageTile15_9Key: '超支排名第2病组-费用构成',
        pageTile15_10Key: '超支排名第3病组-费用构成',
        pageTile15_2Key: '超支排名第1科室-费用构成',
        pageTile15_8Key: '超支排名第2科室-费用构成',
        pageTile15_12Key: '超支排名第3科室-费用构成',
        pageTile15_14Key: '超支排名第4科室-费用构成',
        pageTile15_16Key: '超支排名第5科室-费用构成',
        pageTile15_3Key: '超支排名第1科室 {科室名称}-医疗服务效率变化趋势',
        pageTile15_4Key: '超支排名第1科室 {科室名称}-结余变化趋势',
        pageTile15_5Key: '超支排名第2科室 {科室名称}-医疗服务效率变化趋势',
        pageTile15_6Key: '超支排名第2科室 {科室名称}-结余变化趋势',
        pageTile15_13Key: '超支排名第3科室 {科室名称}-结余变化趋势',
        pageTile15_20Key: '超支排名第3科室 {科室名称}-医疗服务效率变化趋势',
        pageTile15_15Key: '超支排名第4科室 {科室名称}-结余变化趋势',
        pageTile15_21Key: '超支排名第4科室 {科室名称}-医疗服务效率变化趋势',
        pageTile15_17Key: '超支排名第5科室 {科室名称}-结余变化趋势',
        pageTile15_22Key: '超支排名第5科室 {科室名称}-医疗服务效率变化趋势',
        pageTile16Key: '总权前15医疗组',
        pageTile18Key: '病组超支结余情况',
        pageTile18_1Key: '基础病组分布情况',
        pageTile19Key: '病组超支TOP10',
        pageTile19_2Key: '超支排名第1病组--相同病组不同科室比较分析',
        pageTile19_3Key: '超支排名第2病组--相同病组不同科室比较分析',
        pageTile19_4Key: '超支排名第3病组--相同病组不同科室比较分析',
        pageTile19_8Key: '超支排名第4病组--相同病组不同科室比较分析',
        pageTile19_9Key: '超支排名第5病组--相同病组不同科室比较分析',
        pageTile19_10Key: '超支排名第6病组--相同病组不同科室比较分析',
        pageTile19_11Key: '超支排名第7病组--相同病组不同科室比较分析',
        pageTile19_12Key: '超支排名第8病组--相同病组不同科室比较分析',
        pageTile19_13Key: '超支排名第9病组--相同病组不同科室比较分析',
        pageTile19_14Key: '超支排名第10病组--相同病组不同科室比较分析',
        pageTile19_5Key: '相同病组不同操作比较分析TOP1',
        pageTile19_6Key: '相同病组不同操作比较分析TOP2',
        pageTile19_7Key: '相同病组不同操作比较分析TOP3',
        pageTile19_1Key: '病组超支原因分析--高倍率异常病例分析',
        pageTile20Key: '病组结余TOP10',
        pageTile22Key: '高倍率病例结余情况',
        pageTile23Key: '低倍率病例结余情况',
        pageTile24Key: '全院15日再入院情况',
        pageTile25Key: '总结',
      },
      // 控制编辑弹窗显示
      showEditDialog: false,
      //医院列表
      hospitalList: [],
      //科室列表
      departmentList: [],
      //病组列表
      diagnosisReportList: [],
      options: [
        {
          label: '全院',
          value: '全院',
        },
        {
          label: '非全院',
          value: '非全院',
        },
      ],
    };
  },
  // 计算属性
  computed: {},
  // 侦听器
  watch: {},
  // 组件方法
  methods: {
    // 导出PDF
    exportPDF() {
      this.fullscreenLoading = true;

      // 获取所有页面元素
      const pageElements = document.querySelectorAll('.home-page');
      this.totalPages = pageElements.length;
      // 使用1920×1080尺寸，与原页面保持一致
      const pdf = new jsPDF('landscape', 'mm', [1080, 1920]);

      // 页面计数器
      this.processedPages = 0;

      // 处理每个页面
      const processPage = index => {
        if (index >= this.totalPages) {
          // 所有页面处理完成，保存PDF
          pdf.save(
            `医保DRG运营分析报告 - ${this.medicalInsuranceData['首页'].title}${this.medicalInsuranceData['首页'].medGroupDep ? '(' + this.medicalInsuranceData['首页'].medGroupDep + ')' : ''}.pdf`
          );
          this.fullscreenLoading = false;
          return;
        }

        // 当前页面元素
        const pageElement = pageElements[index];

        // 确保页面可见以便截图
        pageElement.scrollIntoView();

        // 转换为图像 - 使用原始尺寸1920×1080
        domtoimage
          .toJpeg(pageElement, {
            quality: 1,
            bgcolor: '#fff',
            width: 1920,
            height: 1080,
          })
          .then(imageData => {
            // 不是第一页时添加新页
            if (index > 0) {
              pdf.addPage();
            }

            // 添加图像到PDF - 使用固定尺寸1920×1080
            pdf.addImage(imageData, 'JPEG', 0, 0, 1920, 1080);

            // 处理下一页
            this.processedPages++;
            this.$nextTick(() => {
              processPage(index + 1);
            });
          })
          .catch(error => {
            console.error('导出页面错误:', error, '页码:', index);
            // 尽管错误，继续处理下一页
            this.processedPages++;
            this.$nextTick(() => {
              processPage(index + 1);
            });
          });
      };

      // 开始处理第一页
      this.$nextTick(() => {
        // 延迟一小段时间开始处理，确保UI更新
        setTimeout(() => {
          processPage(0);
        }, 500);
      });
    },
    changeClick() {
      this.axiosData(true);
    },
    //编辑
    editSwitchChange() {},
    //病码
    inputClick() {
      axios
        .post(window.apiUrl.python + 'new_drgs/find_drg_diagnosis_report', {
          drg_code: this.form.drg_code,
        })
        .then(res => {
          if (res.data.code === '0000' && res.data.data.length) {
            this.diagnosisReportList = res.data.data;
            this.$set(this.titleKey, 'pageTile20_1Key', `以${this.form.drg_code}病组为例`);
            this.$nextTick(() => {
              this.$refs.pageTile20_1Refs.init(res.data.data);
            });
          } else {
            if (this.form.drg_code.length) $message({ type: 'error', message: `未查询到以${this.form.drg_code}病组为例` });
            this.diagnosisReportList = [];
          }
        });
    },
    //选择医院
    hospitalClick() {
      this.randomKey = Math.random();
      if (this.form.typeValue === '全院') {
        this.theEntireHospitalAxios();
      } else {
        //科室
        axios
          .post(window.apiUrl.python + 'new_drgs/find_depart_drgs_settle_report_medGroupDeps', {
            hosCode: this.form.hospitalValue,
          })
          .then(res => {
            this.departmentList = res.data ? res.data.data : [];
            if (this.departmentList.length) {
              this.form.departmentValue = this.departmentList[0];
            } else {
              this.form.departmentValue = '';
            }
            this.noTheEntireHospitalAxios();
          })
          .catch(() => {
            this.form.departmentValue = '';
            this.departmentList = [];
            this.loadingShow = false;
          });
      }
    },
    lookClick() {
      this.$refs.formRefs.validate(valid => {
        if (valid) {
          this.axiosData();
        }
      });
    },
    //点击编辑按钮
    editDialogClick(key) {
      // 初始化表单数据
      this.editForm.title = this.titleKey[key + 'Key'];
      this.editForm.date = this.medicalInsuranceData[this.titleKey[key + 'Key']].title;
      this.activePageTileKey = this.titleKey[key + 'Key'];
      this.activePageRefs = `${key}Refs`;
      // 显示弹窗
      this.showEditDialog = true;
    },
    // 确认编辑
    confirmEdit() {
      // 关闭弹窗
      this.closeDialog();
    },
    // 关闭弹窗
    closeDialog() {
      this.showEditDialog = false;
    },
    //修改json参数
    onJsonChange() {
      this.$refs[this.activePageRefs].init(this.medicalInsuranceData[this.activePageTileKey]);
    },
    //全院请求
    theEntireHospitalAxios() {
      this.loadingShow = true;
      axios
        .post(window.apiUrl.python + 'new_drgs/find_drgs_settle_report', {
          hosCode: this.form.hospitalValue,
        })
        .then(res => {
          this.medicalInsuranceData = res.data.data && res.data.data.result;
          if (this.medicalInsuranceData == null || this.medicalInsuranceData.length === 0) return (this.loadingShow = false);
          this.titleKey = {
            pageTile4Key: '医院整体运营指标',
            pageTile5Key: '运营趋势',
            pageTile6Key: '学科建设',
            pageTile7Key: '医院优势',
            pageTile9Key: '超支结余趋势',
            pageTile10Key: 'MDC大类超支分析',
            pageTile12Key: '科室超支结余情况',
            pageTile12_1Key: '基础病组科室分布',
            pageTile12_2Key: '医保超支结余月度趋势分析',
            pageTile12_3Key: '各病例类型的超支结余变化趋势',
            pageTile12_4Key: '病例类型分布',
            pageTile12_5Key: 'RW区间分布',
            pageTile13Key: '科室超支TOP10',
            pageTile14Key: '科室结余TOP10',
            pageTile15Key: '超支排名第1科室-病组分布',
            pageTile15_7Key: '超支排名第2科室-病组分布',
            pageTile15_11Key: '超支排名第3科室-病组分布',
            pageTile15_18Key: '超支排名第4科室-病组分布',
            pageTile15_19Key: '超支排名第5科室-病组分布',
            pageTile15_1Key: '超支排名第1病组-费用构成',
            pageTile15_9Key: '超支排名第2病组-费用构成',
            pageTile15_10Key: '超支排名第3病组-费用构成',
            pageTile15_2Key: '超支排名第1科室-费用构成',
            pageTile15_8Key: '超支排名第2科室-费用构成',
            pageTile15_12Key: '超支排名第3科室-费用构成',
            pageTile15_14Key: '超支排名第4科室-费用构成',
            pageTile15_16Key: '超支排名第5科室-费用构成',
            pageTile15_3Key: '',
            pageTile15_4Key: '',
            pageTile15_5Key: '',
            pageTile15_6Key: '',
            pageTile15_13Key: '',
            pageTile15_15Key: '',
            pageTile15_17Key: '',
            pageTile15_20Key: '',
            pageTile15_21Key: '',
            pageTile15_22Key: '',
            pageTile16Key: '总权前15医疗组',
            pageTile18Key: '病组超支结余情况',
            pageTile18_1Key: '基础病组分布情况',
            pageTile19Key: '病组超支TOP10',
            pageTile19_2Key: '超支排名第1病组--相同病组不同科室比较分析',
            pageTile19_3Key: '超支排名第2病组--相同病组不同科室比较分析',
            pageTile19_4Key: '超支排名第3病组--相同病组不同科室比较分析',
            pageTile19_8Key: '超支排名第4病组--相同病组不同科室比较分析',
            pageTile19_9Key: '超支排名第5病组--相同病组不同科室比较分析',
            pageTile19_10Key: '超支排名第6病组--相同病组不同科室比较分析',
            pageTile19_11Key: '超支排名第7病组--相同病组不同科室比较分析',
            pageTile19_12Key: '超支排名第8病组--相同病组不同科室比较分析',
            pageTile19_13Key: '超支排名第9病组--相同病组不同科室比较分析',
            pageTile19_14Key: '超支排名第10病组--相同病组不同科室比较分析',
            pageTile19_5Key: '相同病组不同操作比较分析TOP1',
            pageTile19_6Key: '相同病组不同操作比较分析TOP2',
            pageTile19_7Key: '相同病组不同操作比较分析TOP3',
            pageTile19_1Key: '病组超支原因分析--高倍率异常病例分析',
            pageTile20Key: '病组结余TOP10',
            pageTile22Key: '高倍率病例结余情况',
            pageTile23Key: '低倍率病例结余情况',
            pageTile24Key: '全院15日再入院情况',
            pageTile25Key: '总结',
          };
          let keyList = Object.keys(this.medicalInsuranceData);
          keyList.forEach(key => {
            if (key.includes('超支排名第1科室') && key.includes('医疗服务效率变化趋势')) {
              this.titleKey.pageTile15_3Key = key;
            } else if (key.includes('超支排名第1科室') && key.includes('结余变化趋势')) {
              this.titleKey.pageTile15_4Key = key;
            } else if (key.includes('超支排名第2科室') && key.includes('医疗服务效率变化趋势')) {
              this.titleKey.pageTile15_5Key = key;
            } else if (key.includes('超支排名第2科室') && key.includes('结余变化趋势')) {
              this.titleKey.pageTile15_6Key = key;
            } else if (key.includes('超支排名第3科室') && key.includes('结余变化趋势')) {
              this.titleKey.pageTile15_13Key = key;
            } else if (key.includes('超支排名第4科室') && key.includes('结余变化趋势')) {
              this.titleKey.pageTile15_15Key = key;
            } else if (key.includes('超支排名第5科室') && key.includes('结余变化趋势')) {
              this.titleKey.pageTile15_17Key = key;
            } else if (key.includes('超支排名第3科室') && key.includes('医疗服务效率变化趋势')) {
              this.titleKey.pageTile15_20Key = key;
            } else if (key.includes('超支排名第4科室') && key.includes('医疗服务效率变化趋势')) {
              this.titleKey.pageTile15_21Key = key;
            } else if (key.includes('超支排名第5科室') && key.includes('医疗服务效率变化趋势')) {
              this.titleKey.pageTile15_22Key = key;
            }
          });
          this.$nextTick(() => {
            if (this.titleKey.pageTile4Key) this.$refs.pageTile4Refs.init(this.medicalInsuranceData[this.titleKey.pageTile4Key]);
            if (this.titleKey.pageTile5Key) this.$refs.pageTile5Refs.init(this.medicalInsuranceData[this.titleKey.pageTile5Key]);
            if (this.titleKey.pageTile6Key) this.$refs.pageTile6Refs.init(this.medicalInsuranceData[this.titleKey.pageTile6Key], this.form.typeValue);
            if (this.titleKey.pageTile7Key) this.$refs.pageTile7Refs.init(this.medicalInsuranceData[this.titleKey.pageTile7Key], this.form.typeValue);
            if (this.titleKey.pageTile9Key) this.$refs.pageTile9Refs.init(this.medicalInsuranceData[this.titleKey.pageTile9Key]);
            if (this.titleKey.pageTile10Key) this.$refs.pageTile10Refs.init(this.medicalInsuranceData[this.titleKey.pageTile10Key]);
            if (this.titleKey.pageTile12Key) this.$refs.pageTile12Refs.init(this.medicalInsuranceData[this.titleKey.pageTile12Key], this.titleKey.pageTile12Key);
            if (this.titleKey.pageTile12_1Key && this.medicalInsuranceData[this.titleKey.pageTile12_1Key])
              this.$refs.pageTile12_1Refs.init(this.medicalInsuranceData[this.titleKey.pageTile12_1Key], this.titleKey.pageTile12_1Key);
            if (this.titleKey.pageTile12_2Key && this.medicalInsuranceData[this.titleKey.pageTile12_2Key])
              this.$refs.pageTile12_2Refs.init(this.medicalInsuranceData[this.titleKey.pageTile12_2Key], this.titleKey.pageTile12_2Key);
            if (this.titleKey.pageTile12_3Key && this.medicalInsuranceData[this.titleKey.pageTile12_3Key])
              this.$refs.pageTile12_3Refs.init(this.medicalInsuranceData[this.titleKey.pageTile12_3Key], this.titleKey.pageTile12_3Key);
            if (this.titleKey.pageTile12_4Key && this.medicalInsuranceData[this.titleKey.pageTile12_4Key])
              this.$refs.pageTile12_4Refs.init(this.medicalInsuranceData[this.titleKey.pageTile12_4Key], this.titleKey.pageTile12_4Key);
            if (this.titleKey.pageTile12_5Key && this.medicalInsuranceData[this.titleKey.pageTile12_5Key])
              this.$refs.pageTile12_5Refs.init(this.medicalInsuranceData[this.titleKey.pageTile12_5Key], this.titleKey.pageTile12_5Key);
            if (this.titleKey.pageTile13Key) this.$refs.pageTile13Refs.init(this.medicalInsuranceData[this.titleKey.pageTile13Key], this.titleKey.pageTile13Key);
            if (this.titleKey.pageTile14Key && this.medicalInsuranceData[this.titleKey.pageTile14Key]) this.$refs.pageTile14Refs.init(this.medicalInsuranceData[this.titleKey.pageTile14Key]);
            if (this.titleKey.pageTile15Key && this.medicalInsuranceData[this.titleKey.pageTile15Key]) this.$refs.pageTile15Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15Key]);
            if (this.titleKey.pageTile15_7Key && this.medicalInsuranceData[this.titleKey.pageTile15_7Key]) this.$refs.pageTile15_7Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_7Key]);
            if (this.titleKey.pageTile15_11Key && this.medicalInsuranceData[this.titleKey.pageTile15_11Key])
              this.$refs.pageTile15_11Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_11Key]);
            if (this.titleKey.pageTile15_18Key && this.medicalInsuranceData[this.titleKey.pageTile15_18Key])
              this.$refs.pageTile15_18Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_18Key]);
            if (this.titleKey.pageTile15_19Key && this.medicalInsuranceData[this.titleKey.pageTile15_19Key])
              this.$refs.pageTile15_19Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_19Key]);
            if (this.titleKey.pageTile15_1Key) this.$refs.pageTile15_1Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_1Key], '全院费用构成');
            if (this.titleKey.pageTile15_9Key && this.medicalInsuranceData[this.titleKey.pageTile15_9Key])
              this.$refs.pageTile15_9Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_9Key], '全院费用构成');
            if (this.titleKey.pageTile15_10Key && this.medicalInsuranceData[this.titleKey.pageTile15_10Key])
              this.$refs.pageTile15_10Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_10Key], '全院费用构成');
            if (this.titleKey.pageTile15_2Key) this.$refs.pageTile15_2Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_2Key], '全院费用构成');
            if (this.titleKey.pageTile15_8Key && this.medicalInsuranceData[this.titleKey.pageTile15_8Key])
              this.$refs.pageTile15_8Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_8Key], '全院费用构成');
            if (this.titleKey.pageTile15_12Key && this.medicalInsuranceData[this.titleKey.pageTile15_12Key])
              this.$refs.pageTile15_12Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_12Key], '全院费用构成');
            if (this.titleKey.pageTile15_14Key && this.medicalInsuranceData[this.titleKey.pageTile15_14Key])
              this.$refs.pageTile15_14Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_14Key], '全院费用构成');
            if (this.titleKey.pageTile15_16Key && this.medicalInsuranceData[this.titleKey.pageTile15_16Key])
              this.$refs.pageTile15_16Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_16Key], '全院费用构成');
            if (this.titleKey.pageTile15_3Key) this.$refs.pageTile15_3Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_3Key]);
            if (this.titleKey.pageTile15_4Key) this.$refs.pageTile15_4Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_4Key]);
            if (this.titleKey.pageTile15_5Key) this.$refs.pageTile15_5Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_5Key]);
            if (this.titleKey.pageTile15_20Key) this.$refs.pageTile15_20Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_20Key]);
            if (this.titleKey.pageTile15_21Key) this.$refs.pageTile15_21Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_21Key]);
            if (this.titleKey.pageTile15_22Key) this.$refs.pageTile15_22Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_22Key]);
            if (this.titleKey.pageTile15_6Key) this.$refs.pageTile15_6Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_6Key]);
            if (this.titleKey.pageTile15_13Key) this.$refs.pageTile15_13Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_13Key]);
            if (this.titleKey.pageTile15_15Key) this.$refs.pageTile15_15Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_15Key]);
            if (this.titleKey.pageTile15_17Key) this.$refs.pageTile15_17Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_17Key]);
            if (this.titleKey.pageTile16Key && this.medicalInsuranceData[this.titleKey.pageTile16Key].data_list[0]['医疗组'] !== '无医疗组')
              this.$nextTick(() => this.$refs.pageTile16Refs.init(this.medicalInsuranceData[this.titleKey.pageTile16Key]));
            if (this.titleKey.pageTile18Key) this.$refs.pageTile18Refs.init(this.medicalInsuranceData[this.titleKey.pageTile18Key]);
            if (this.titleKey.pageTile18_1Key && this.medicalInsuranceData[this.titleKey.pageTile18_1Key]) this.$refs.pageTile18_1Refs.init(this.medicalInsuranceData[this.titleKey.pageTile18_1Key]);
            if (this.titleKey.pageTile19Key) this.$refs.pageTile19Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19Key], this.form.typeValue);
            if (this.titleKey.pageTile19_2Key && this.medicalInsuranceData[this.titleKey.pageTile19_2Key])
              this.$refs.pageTile19_2Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_2Key], this.titleKey.pageTile19_2Key);
            if (this.titleKey.pageTile19_3Key && this.medicalInsuranceData[this.titleKey.pageTile19_3Key])
              this.$refs.pageTile19_3Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_3Key], this.titleKey.pageTile19_3Key);
            if (this.titleKey.pageTile19_4Key && this.medicalInsuranceData[this.titleKey.pageTile19_4Key])
              this.$refs.pageTile19_4Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_4Key], this.titleKey.pageTile19_4Key);
            if (this.titleKey.pageTile19_8Key && this.medicalInsuranceData[this.titleKey.pageTile19_8Key])
              this.$refs.pageTile19_8Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_8Key], this.titleKey.pageTile19_8Key);
            if (this.titleKey.pageTile19_9Key && this.medicalInsuranceData[this.titleKey.pageTile19_9Key])
              this.$refs.pageTile19_9Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_9Key], this.titleKey.pageTile19_9Key);
            if (this.titleKey.pageTile19_10Key && this.medicalInsuranceData[this.titleKey.pageTile19_10Key])
              this.$refs.pageTile19_10Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_10Key], this.titleKey.pageTile19_10Key);
            if (this.titleKey.pageTile19_11Key && this.medicalInsuranceData[this.titleKey.pageTile19_11Key])
              this.$refs.pageTile19_11Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_11Key], this.titleKey.pageTile19_11Key);
            if (this.titleKey.pageTile19_12Key && this.medicalInsuranceData[this.titleKey.pageTile19_12Key])
              this.$refs.pageTile19_12Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_12Key], this.titleKey.pageTile19_12Key);
            if (this.titleKey.pageTile19_13Key && this.medicalInsuranceData[this.titleKey.pageTile19_13Key])
              this.$refs.pageTile19_13Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_13Key], this.titleKey.pageTile19_13Key);
            if (this.titleKey.pageTile19_14Key && this.medicalInsuranceData[this.titleKey.pageTile19_14Key])
              this.$refs.pageTile19_14Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_14Key], this.titleKey.pageTile19_14Key);
            if (this.titleKey.pageTile19_5Key && this.medicalInsuranceData[this.titleKey.pageTile19_5Key])
              this.$refs.pageTile19_5Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_5Key], this.titleKey.pageTile19_5Key);
            if (this.titleKey.pageTile19_6Key && this.medicalInsuranceData[this.titleKey.pageTile19_6Key])
              this.$refs.pageTile19_6Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_6Key], this.titleKey.pageTile19_6Key);
            if (this.titleKey.pageTile19_7Key && this.medicalInsuranceData[this.titleKey.pageTile19_7Key])
              this.$refs.pageTile19_7Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_7Key], this.titleKey.pageTile19_7Key);
            if (this.titleKey.pageTile19_1Key && this.medicalInsuranceData[this.titleKey.pageTile19_1Key])
              this.$refs.pageTile19_1Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_1Key], this.titleKey.pageTile19_1Key);
            if (this.titleKey.pageTile20Key) this.$refs.pageTile20Refs.init(this.medicalInsuranceData[this.titleKey.pageTile20Key], this.form.typeValue);
            if (this.titleKey.pageTile22Key) this.$refs.pageTile22Refs.init(this.medicalInsuranceData[this.titleKey.pageTile22Key], this.form.typeValue);
            if (this.titleKey.pageTile23Key) this.$refs.pageTile23Refs.init(this.medicalInsuranceData[this.titleKey.pageTile23Key], this.form.typeValue);
            if (this.titleKey.pageTile24Key && this.medicalInsuranceData[this.titleKey.pageTile24Key]) this.$refs.pageTile24Refs.init(this.medicalInsuranceData[this.titleKey.pageTile24Key]);
            if (this.titleKey.pageTile25Key) this.$refs.pageTile25Refs.init(this.medicalInsuranceData[this.titleKey.pageTile25Key]);
            this.inputClick();
            this.loadingShow = false;
          });
        })
        .catch(() => {
          this.loadingShow = false;
        });
    },
    // 非全院请求
    noTheEntireHospitalAxios() {
      this.randomKey = Math.random();
      this.loadingShow = true;
      axios
        .post(window.apiUrl.python + 'new_drgs/find_depart_drgs_settle_report', {
          hosCode: this.form.hospitalValue,
          medGroupDep: this.form.departmentValue,
        })
        .then(res => {
          this.medicalInsuranceData = res.data.data && res.data.data.result;
          if (this.medicalInsuranceData == null || this.medicalInsuranceData.length === 0) return (this.loadingShow = false);
          this.titleKey = {
            pageTile4Key: '科室整体运营指标',
            pageTile5Key: '运营趋势',
            pageTile6Key: '学科建设',
            pageTile7Key: '学科优势',
            pageTile9Key: '超支结余趋势',
            pageTile10Key: 'MDC大类超支分析',
            pageTile12Key: '医疗组超支结余情况',
            pageTile12_1Key: '',
            pageTile12_2Key: '',
            pageTile12_3Key: '',
            pageTile12_4Key: '',
            pageTile12_5Key: '',
            pageTile13Key: '医疗组超支结余排名',
            pageTile14Key: '',
            pageTile15Key: '病组分布',
            pageTile15_7Key: '',
            pageTile15_11Key: '',
            pageTile15_18Key: '',
            pageTile15_19Key: '',
            pageTile15_1Key: '超支排名第1病组-费用构成',
            pageTile15_9Key: '超支排名第2病组-费用构成',
            pageTile15_10Key: '超支排名第3病组-费用构成',
            pageTile15_2Key: '',
            pageTile15_8Key: '',
            pageTile15_12Key: '',
            pageTile15_14Key: '',
            pageTile15_16Key: '',
            pageTile15_3Key: '',
            pageTile15_4Key: '',
            pageTile15_5Key: '',
            pageTile15_6Key: '',
            pageTile15_13Key: '',
            pageTile15_15Key: '',
            pageTile15_17Key: '',
            pageTile15_20Key: '',
            pageTile15_21Key: '',
            pageTile15_22Key: '',
            pageTile16Key: '',
            pageTile18Key: '病组超支结余情况',
            pageTile18_1Key: '',
            pageTile19Key: '病组超支TOP10',
            pageTile19_1Key: '',
            pageTile19_2Key: '',
            pageTile19_3Key: '',
            pageTile19_4Key: '',
            pageTile19_8Key: '',
            pageTile19_9Key: '',
            pageTile19_10Key: '',
            pageTile19_11Key: '',
            pageTile19_12Key: '',
            pageTile19_13Key: '',
            pageTile19_14Key: '',
            pageTile19_5Key: '',
            pageTile19_6Key: '',
            pageTile19_7Key: '',
            pageTile20Key: '病组结余TOP10',
            pageTile22Key: '高倍率病例结余情况',
            pageTile23Key: '低倍率病例结余情况',
            pageTile24Key: '',
            pageTile25Key: '总结',
          };

          let keyList = Object.keys(this.medicalInsuranceData);
          keyList.forEach(key => {
            if (key.includes('超支排名第1科室') && key.includes('医疗服务效率变化趋势')) {
              this.titleKey.pageTile15_3Key = key;
            } else if (key.includes('超支排名第1科室') && key.includes('结余变化趋势')) {
              this.titleKey.pageTile15_4Key = key;
            } else if (key.includes('超支排名第2科室') && key.includes('医疗服务效率变化趋势')) {
              this.titleKey.pageTile15_5Key = key;
            } else if (key.includes('超支排名第2科室') && key.includes('结余变化趋势')) {
              this.titleKey.pageTile15_6Key = key;
            } else if (key.includes('超支排名第3科室') && key.includes('结余变化趋势')) {
              this.titleKey.pageTile15_13Key = key;
            } else if (key.includes('超支排名第4科室') && key.includes('结余变化趋势')) {
              this.titleKey.pageTile15_15Key = key;
            } else if (key.includes('超支排名第5科室') && key.includes('结余变化趋势')) {
              this.titleKey.pageTile15_17Key = key;
            } else if (key.includes('超支排名第3科室') && key.includes('医疗服务效率变化趋势')) {
              this.titleKey.pageTile15_20Key = key;
            } else if (key.includes('超支排名第4科室') && key.includes('医疗服务效率变化趋势')) {
              this.titleKey.pageTile15_21Key = key;
            } else if (key.includes('超支排名第5科室') && key.includes('医疗服务效率变化趋势')) {
              this.titleKey.pageTile15_22Key = key;
            }
          });
          this.$nextTick(() => {
            if (this.titleKey.pageTile4Key) this.$refs.pageTile4Refs.init(this.medicalInsuranceData[this.titleKey.pageTile4Key]);
            if (this.titleKey.pageTile5Key) this.$refs.pageTile5Refs.init(this.medicalInsuranceData[this.titleKey.pageTile5Key]);
            if (this.titleKey.pageTile6Key) this.$refs.pageTile6Refs.init(this.medicalInsuranceData[this.titleKey.pageTile6Key], this.form.typeValue);
            if (this.titleKey.pageTile7Key) this.$refs.pageTile7Refs.init(this.medicalInsuranceData[this.titleKey.pageTile7Key], this.form.typeValue);
            if (this.titleKey.pageTile9Key) this.$refs.pageTile9Refs.init(this.medicalInsuranceData[this.titleKey.pageTile9Key]);
            if (this.titleKey.pageTile10Key) this.$refs.pageTile10Refs.init(this.medicalInsuranceData[this.titleKey.pageTile10Key]);
            if (this.titleKey.pageTile12Key) this.$refs.pageTile12Refs.init(this.medicalInsuranceData[this.titleKey.pageTile12Key], this.titleKey.pageTile12Key);
            if (this.titleKey.pageTile12_1Key && this.medicalInsuranceData[this.titleKey.pageTile12_1Key])
              this.$refs.pageTile12_1Refs.init(this.medicalInsuranceData[this.titleKey.pageTile12_1Key], this.titleKey.pageTile12_1Key);
            if (this.titleKey.pageTile12_2Key && this.medicalInsuranceData[this.titleKey.pageTile12_2Key])
              this.$refs.pageTile12_2Refs.init(this.medicalInsuranceData[this.titleKey.pageTile12_2Key], this.titleKey.pageTile12_2Key);
            if (this.titleKey.pageTile12_3Key && this.medicalInsuranceData[this.titleKey.pageTile12_3Key])
              this.$refs.pageTile12_3Refs.init(this.medicalInsuranceData[this.titleKey.pageTile12_3Key], this.titleKey.pageTile12_3Key);
            if (this.titleKey.pageTile12_4Key && this.medicalInsuranceData[this.titleKey.pageTile12_4Key])
              this.$refs.pageTile12_4Refs.init(this.medicalInsuranceData[this.titleKey.pageTile12_4Key], this.titleKey.pageTile12_4Key);
            if (this.titleKey.pageTile12_5Key && this.medicalInsuranceData[this.titleKey.pageTile12_5Key])
              this.$refs.pageTile12_5Refs.init(this.medicalInsuranceData[this.titleKey.pageTile12_5Key], this.titleKey.pageTile12_5Key);
            if (this.titleKey.pageTile13Key) this.$refs.pageTile13Refs.init(this.medicalInsuranceData[this.titleKey.pageTile13Key], this.titleKey.pageTile13Key);
            if (this.titleKey.pageTile14Key && this.medicalInsuranceData[this.titleKey.pageTile14Key]) this.$refs.pageTile14Refs.init(this.medicalInsuranceData[this.titleKey.pageTile14Key]);
            if (this.titleKey.pageTile15Key && this.medicalInsuranceData[this.titleKey.pageTile15Key]) this.$refs.pageTile15Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15Key]);
            if (this.titleKey.pageTile15_7Key && this.medicalInsuranceData[this.titleKey.pageTile15_7Key]) this.$refs.pageTile15_7Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_7Key]);
            if (this.titleKey.pageTile15_11Key && this.medicalInsuranceData[this.titleKey.pageTile15_11Key])
              this.$refs.pageTile15_11Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_11Key]);
            if (this.titleKey.pageTile15_18Key && this.medicalInsuranceData[this.titleKey.pageTile15_18Key])
              this.$refs.pageTile15_18Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_18Key]);
            if (this.titleKey.pageTile15_19Key && this.medicalInsuranceData[this.titleKey.pageTile15_19Key])
              this.$refs.pageTile15_19Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_19Key]);
            if (this.titleKey.pageTile15_1Key) this.$refs.pageTile15_1Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_1Key], '本年费用构成（元）');
            if (this.titleKey.pageTile15_9Key && this.medicalInsuranceData[this.titleKey.pageTile15_9Key])
              this.$refs.pageTile15_9Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_9Key], '本年费用构成（元）');
            if (this.titleKey.pageTile15_10Key && this.medicalInsuranceData[this.titleKey.pageTile15_10Key])
              this.$refs.pageTile15_10Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_10Key], '本年费用构成（元）');
            if (this.titleKey.pageTile15_2Key) this.$refs.pageTile15_2Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_2Key]);
            if (this.titleKey.pageTile15_8Key && this.medicalInsuranceData[this.titleKey.pageTile15_8Key]) this.$refs.pageTile15_8Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_8Key]);
            if (this.titleKey.pageTile15_12Key && this.medicalInsuranceData[this.titleKey.pageTile15_12Key])
              this.$refs.pageTile15_12Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_12Key]);
            if (this.titleKey.pageTile15_14Key && this.medicalInsuranceData[this.titleKey.pageTile15_14Key])
              this.$refs.pageTile15_14Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_14Key], '本年费用构成（元）');
            if (this.titleKey.pageTile15_16Key && this.medicalInsuranceData[this.titleKey.pageTile15_16Key])
              this.$refs.pageTile15_16Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_16Key], '本年费用构成（元）');
            if (this.titleKey.pageTile15_3Key) this.$refs.pageTile15_3Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_3Key]);
            if (this.titleKey.pageTile15_4Key) this.$refs.pageTile15_4Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_4Key]);
            if (this.titleKey.pageTile15_5Key) this.$refs.pageTile15_5Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_5Key]);
            if (this.titleKey.pageTile15_20Key) this.$refs.pageTile15_20Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_20Key]);
            if (this.titleKey.pageTile15_21Key) this.$refs.pageTile15_21Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_21Key]);
            if (this.titleKey.pageTile15_22Key) this.$refs.pageTile15_22Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_22Key]);
            if (this.titleKey.pageTile15_6Key) this.$refs.pageTile15_6Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_6Key]);
            if (this.titleKey.pageTile15_13Key) this.$refs.pageTile15_13Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_13Key]);
            if (this.titleKey.pageTile15_15Key) this.$refs.pageTile15_15Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_15Key]);
            if (this.titleKey.pageTile15_17Key) this.$refs.pageTile15_17Refs.init(this.medicalInsuranceData[this.titleKey.pageTile15_17Key]);
            if (this.titleKey.pageTile16Key && this.medicalInsuranceData[this.titleKey.pageTile16Key].data_list[0]['医疗组'] !== '无医疗组')
              this.$nextTick(() => this.$refs.pageTile16Refs.init(this.medicalInsuranceData[this.titleKey.pageTile16Key]));
            if (this.titleKey.pageTile18Key) this.$refs.pageTile18Refs.init(this.medicalInsuranceData[this.titleKey.pageTile18Key]);
            if (this.titleKey.pageTile18_1Key) this.$refs.pageTile18_1Refs.init(this.medicalInsuranceData[this.titleKey.pageTile18_1Key]);
            if (this.titleKey.pageTile19Key) this.$refs.pageTile19Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19Key], this.form.typeValue);
            if (this.titleKey.pageTile19_2Key && this.medicalInsuranceData[this.titleKey.pageTile19_2Key])
              this.$refs.pageTile19_2Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_2Key], this.titleKey.pageTile19_2Key);
            if (this.titleKey.pageTile19_3Key && this.medicalInsuranceData[this.titleKey.pageTile19_3Key])
              this.$refs.pageTile19_3Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_3Key], this.titleKey.pageTile19_3Key);
            if (this.titleKey.pageTile19_4Key && this.medicalInsuranceData[this.titleKey.pageTile19_4Key])
              this.$refs.pageTile19_4Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_4Key], this.titleKey.pageTile19_4Key);
            if (this.titleKey.pageTile19_8Key && this.medicalInsuranceData[this.titleKey.pageTile19_8Key])
              this.$refs.pageTile19_8Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_8Key], this.titleKey.pageTile19_8Key);
            if (this.titleKey.pageTile19_9Key && this.medicalInsuranceData[this.titleKey.pageTile19_9Key])
              this.$refs.pageTile19_9Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_9Key], this.titleKey.pageTile19_9Key);
            if (this.titleKey.pageTile19_10Key && this.medicalInsuranceData[this.titleKey.pageTile19_10Key])
              this.$refs.pageTile19_10Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_10Key], this.titleKey.pageTile19_10Key);
            if (this.titleKey.pageTile19_11Key && this.medicalInsuranceData[this.titleKey.pageTile19_11Key])
              this.$refs.pageTile19_11Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_11Key], this.titleKey.pageTile19_11Key);
            if (this.titleKey.pageTile19_12Key && this.medicalInsuranceData[this.titleKey.pageTile19_12Key])
              this.$refs.pageTile19_12Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_12Key], this.titleKey.pageTile19_12Key);
            if (this.titleKey.pageTile19_13Key && this.medicalInsuranceData[this.titleKey.pageTile19_13Key])
              this.$refs.pageTile19_13Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_13Key], this.titleKey.pageTile19_13Key);
            if (this.titleKey.pageTile19_14Key && this.medicalInsuranceData[this.titleKey.pageTile19_14Key])
              this.$refs.pageTile19_14Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_14Key], this.titleKey.pageTile19_14Key);
            if (this.titleKey.pageTile19_5Key && this.medicalInsuranceData[this.titleKey.pageTile19_5Key])
              this.$refs.pageTile19_5Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_5Key], this.titleKey.pageTile19_5Key);
            if (this.titleKey.pageTile19_6Key && this.medicalInsuranceData[this.titleKey.pageTile19_6Key])
              this.$refs.pageTile19_6Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_6Key], this.titleKey.pageTile19_6Key);
            if (this.titleKey.pageTile19_7Key && this.medicalInsuranceData[this.titleKey.pageTile19_7Key])
              this.$refs.pageTile19_7Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_7Key], this.titleKey.pageTile19_7Key);
            if (this.titleKey.pageTile19_1Key && this.medicalInsuranceData[this.titleKey.pageTile19_1Key])
              this.$refs.pageTile19_1Refs.init(this.medicalInsuranceData[this.titleKey.pageTile19_1Key], this.titleKey.pageTile19_1Key);
            if (this.titleKey.pageTile20Key) this.$refs.pageTile20Refs.init(this.medicalInsuranceData[this.titleKey.pageTile20Key], this.form.typeValue);
            if (this.titleKey.pageTile22Key) this.$refs.pageTile22Refs.init(this.medicalInsuranceData[this.titleKey.pageTile22Key], this.form.typeValue);
            if (this.titleKey.pageTile23Key) this.$refs.pageTile23Refs.init(this.medicalInsuranceData[this.titleKey.pageTile23Key], this.form.typeValue);
            if (this.titleKey.pageTile24Key && this.medicalInsuranceData[this.titleKey.pageTile24Key]) this.$refs.pageTile24Refs.init(this.medicalInsuranceData[this.titleKey.pageTile24Key]);
            if (this.titleKey.pageTile25Key) this.$refs.pageTile25Refs.init(this.medicalInsuranceData[this.titleKey.pageTile25Key]);
            this.inputClick();
            this.loadingShow = false;
          });
        })
        .catch(() => {
          this.loadingShow = false;
        });
    },
    axiosData(changeHospital = false) {
      this.randomKey = Math.random();
      this.loadingShow = true;
      if (this.form.typeValue === '全院') {
        //医院
        axios
          .get(window.apiUrl.python + 'new_drgs/find_drgs_settle_report_hosCodes')
          .then(res => {
            this.hospitalList = res.data ? res.data.data : [];
            if (changeHospital) {
              if (this.hospitalList.length) {
                this.form.hospitalValue = this.hospitalList[0];
              } else {
                this.form.hospitalValue = '';
              }
            }
            this.theEntireHospitalAxios();
          })
          .catch(err => {
            this.loadingShow = false;
            this.hospitalList = [];
            this.form.hospitalValue = '';
          });
      } else {
        //医院
        axios
          .get(window.apiUrl.python + 'new_drgs/find_depart_drgs_settle_report_hosCodes')
          .then(res => {
            this.hospitalList = res.data ? res.data.data : [];
            if (this.hospitalList.length) {
              this.form.hospitalValue = this.hospitalList[0];
            } else {
              this.form.hospitalValue = '';
            }
            //科室
            axios
              .post(window.apiUrl.python + 'new_drgs/find_depart_drgs_settle_report_medGroupDeps', {
                hosCode: this.form.hospitalValue,
              })
              .then(res => {
                this.departmentList = res.data ? res.data.data : [];
                if (this.departmentList.length) {
                  this.form.departmentValue = this.departmentList[0];
                } else {
                  this.form.departmentValue = '';
                }
                this.noTheEntireHospitalAxios();
              })
              .catch(() => {
                this.loadingShow = false;
                this.form.departmentValue = '';
                this.departmentList = [];
              });
          })
          .catch(err => {
            this.hospitalList = [];
            this.form.hospitalValue = '';
            this.loadingShow = false;
          });
      }
    },
  },
  created() {},
  mounted() {
    this.axiosData(true);
  },
};
</script>

<style lang="less" scoped>
::v-deep .el-input__inner {
  width: 200px;
}

.home {
  padding: 0;
  width: 1920px;
  background: #fff;

  .pdf {
    padding: 20px;
    position: fixed;
    top: 100px;
    right: 10px;
    color: #fff;
    background: #1a7bbf;
    border-radius: 8px;
    cursor: pointer;

    &:hover {
      opacity: 0.8;
    }
  }

  .loading-class {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    line-height: 100vh;
    font-size: 3rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.9);
    z-index: 99999;
  }

  .loader {
    margin-left: 20px;
    width: 50px;
    aspect-ratio: 1;
    --_c: no-repeat radial-gradient(farthest-side, #25b09b 92%, #0000);
    background: var(--_c) top, var(--_c) left, var(--_c) right, var(--_c) bottom;
    background-size: 12px 12px;
    animation: l7 1s infinite;
  }

  @keyframes l7 {
    to {
      transform: rotate(0.5turn);
    }
  }

  .home-page {
    height: 1080px;
    width: 1920px;
  }

  .home-form-box {
    padding: 20px;

    position: fixed;
    top: 100px;
    left: 10px;
    background: #409eff;
    border-radius: 8px;
    z-index: 1;

    .home-form {
      display: flex;
      align-items: center;
      justify-content: center;

      /deep/ .el-form-item__label {
        color: #fff;
      }

      .el-form-item {
        margin-bottom: 0 !important;
      }
    }
  }

  .home-page-1 {
    background-image: url('./static/home/page1.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;

    .home-title-1 {
      position: absolute;
      top: 40%;
      left: 3%;
      width: 83%;
      height: 10%;
      background: #fff;
      z-index: 2;
      -webkit-clip-path: polygon(75% 0%, 76% 50%, 75% 100%, 0% 100%, 0 50%, 0% 0%);
      clip-path: polygon(75% 0%, 76% 50%, 75% 100%, 0% 100%, 0 50%, 0% 0%);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

      /* 水平偏移量 垂直偏移量 模糊半径 扩散半径 阴影颜色 */
      .home-title-1-1 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 99.5%;
        height: 95%;
        background: #4874cb;
        -webkit-clip-path: polygon(75% 0%, 76% 50%, 75% 100%, 0% 100%, 0 50%, 0% 0%);
        clip-path: polygon(75% 0%, 76% 50%, 75% 100%, 0% 100%, 0 50%, 0% 0%);

        .home-title-1-1-content {
          padding-right: 25%;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          font-size: 3rem;
          color: #fff;
          box-sizing: border-box;
        }
      }
    }

    .home-title-2 {
      position: absolute;
      top: 52%;
      left: 45%;
      display: flex;
      align-items: flex-end;

      .home-title-2-1 {
        font-size: 2.2rem;
      }
    }

    .home-title-3 {
      position: absolute;
      top: 1000px;
      left: 3%;
      font-size: 1.5rem;
      color: #595959;
    }

    .home-title-4 {
      position: absolute;
      top: 32%;
      left: 3%;
      font-size: 3rem;
      color: #595959;
      letter-spacing: 12px;
    }

    .home-title-5 {
      position: absolute;
      top: 40%;
      left: 3%;
      font-size: 3rem;
      width: 61.5%;
      height: 10%;
      box-shadow: 0 30px 30px -10px rgba(0, 0, 0, 0.4);
      z-index: 1;
    }
  }

  .home-page-2 {
    display: flex;

    .home-page-2-left {
      margin: auto 0;
      flex: 0.3;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 70%;
      color: #4874cb;
      text-align: center;
      border-right: 2px dashed #dcdcdc;

      .home-page-2-left-1 {
        font-size: 4.5rem;
        font-weight: 600;
      }

      .home-page-2-left-2 {
        margin-top: 20px;
        font-size: 2rem;
      }
    }

    .home-page-2-right {
      padding-left: 15%;
      margin: auto;
      flex: 0.7;
      font-size: 3.5rem;

      .home-page-2-right-1,
      .home-page-2-right-2,
      .home-page-2-right-3,
      .home-page-2-right-4,
      .home-page-2-right-5,
      .home-page-2-right-6 {
        margin: 30px 0;
      }
    }
  }

  .no-data {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .home-end {
    width: 100%;
    height: 100%;
    background-image: url('./static/home/page2.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }

  // 编辑弹窗样式
  .edit-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    width: 1500px;
    height: 70vh;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

    &__content {
      padding: 20px;
      height: 100%;
    }

    &__header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;
      border-bottom: 1px solid #eee;
      padding-bottom: 10px;
    }

    &__title {
      font-size: 18px;
      font-weight: 600;
      color: #333;
    }

    &__close {
      font-size: 24px;
      color: #999;
      cursor: pointer;

      &:hover {
        color: #666;
      }
    }

    &__body {
      margin-bottom: 20px;
      height: 85%;
    }

    &__form-item {
      margin-bottom: 15px;
      display: flex;
      align-items: center;
    }

    &__label {
      width: 80px;
      text-align: right;
      margin-right: 10px;
      color: #666;
    }

    &__input {
      flex: 1;
      height: 36px;
      padding: 0 10px;
      border: 1px solid #dcdfe6;
      border-radius: 4px;
      outline: none;

      &:focus {
        border-color: #4874cb;
      }
    }

    &__footer {
      display: flex;
      justify-content: flex-end;
    }

    &__btn {
      padding: 8px 20px;
      border-radius: 4px;
      cursor: pointer;
      border: 1px solid #dcdfe6;
      background: #fff;
      font-size: 14px;
      margin-left: 10px;

      &--cancel {
        &:hover {
          color: #4874cb;
          border-color: #4874cb;
        }
      }

      &--confirm {
        background-color: #4874cb;
        color: #fff;
        border-color: #4874cb;

        &:hover {
          background-color: #3a67b8;
        }
      }
    }
  }

  // 遮罩层
  .edit-dialog__mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
  }
}
</style>
